// components/ProgressBar.tsx
import React from 'react';

interface ProgressBarProps {
    currentMemory: number;
    maxMemory: number;
}

const ProgressBar: React.FC<ProgressBarProps> = ({ currentMemory, maxMemory }) => {
    const percentage = (currentMemory / maxMemory) * 100;

    return (
        <div style={{position:'absolute',left:'55%',top:'18%'}}>
            <div style={{ width: '200px', background: '#eee', borderRadius: '10px', overflow: 'hidden', }}>
                <div style={{ width: `${percentage}%`, background: 'blue', height: '8px' }} />
            </div>
            <div style={{fontSize:'13px'}}> <span style={{color:'blue'}}>{currentMemory}</span>  / {maxMemory} MB</div>
        </div>
    );
};

export default ProgressBar;